﻿{% extends 'base/front_base.html' %}
{% block title %}
	在线课堂 - 小饭桌
{% endblock %}

{% block head %}
	<link rel="stylesheet" href="{% static 'css/course/course_index.min.css' %}">
{% endblock %}

{% block main %}
	<div class="main">
		<div class="course-nav">
			<div class="nav-container">
				<h3 class="title">在线课堂</h3>
				<ul class="nav-list">
					<li class="active"><a href="#">最新课堂</a></li>
					<li><a href="#">投资人说</a></li>
					<li><a href="#">明星案例</a></li>
					<li><a href="#">创业知识</a></li>
				</ul>
			</div>
		</div>
		<div class="wrapper">
			<ul class="course_list">
				{% for course in courses %}
					<li>
						<div class="thumbnail-group">
							<a href="{% url 'course:course_detail' course_id=course.id %}">
								<img class="thumbnail" src="{{ course.image_url }}" alt="Alternate Text" />
							</a>
						</div>
						<div class="course-info">
							<p class="title">{{ course.title }}</p>
							<p class="author">{{ course.teacher }}</p>
							<p class="price-group">
								<span class="free">{{ course.price }}</span>
							</p>
						</div>
					</li>
				{% endfor %}
<!--                <li>-->
<!--					<div class="thumbnail-group">-->
<!--						<img class="thumbnail" src="{% static 'images/1563171621_723.png-course.list.small' %}" alt="Alternate Text" />-->
<!--					</div>-->
<!--					<div class="course-info">-->
<!--						<p class="title">创业CEO如何避免技术决策错误</p>-->
<!--						<p class="author">龚世海  / HiCTO创始人兼CEO</p>-->
<!--						<p class="price-group">-->
<!--							<span class="free">免费</span>-->
<!--						</p>-->
<!--					</div>-->
<!--				</li>-->
			</ul>
		</div>
	</div>
{% endblock %}

